<template>
	<view class="title">vue3后台管理模板 yq-uni-admin  <a href="https://gitee.com/yongqiang0621/yq-uni-admin" target="_blank">源码地址</a></view>
	<view class="title2">技术栈：uniapp、vue3、ts、elementplus、pinia、vite</view>
	<view class="title2">菜单权限：支持前、后端按角色分配；支持地址栏拦截</view>
	<view class="title2">pinia使用模块化，支持持久化存储</view>
	<view class="title2">封装uni.request，方便易用</view>
	<view class="title2">路由配置：类似于vue-router写法的路由方式，配置简单</view>


  <div class="mb-4">
    <el-button>Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
  </div>

  <div class="mb-4">
    <el-button plain>Plain</el-button>
    <el-button type="primary" plain>Primary</el-button>
    <el-button type="success" plain>Success</el-button>
    <el-button type="info" plain>Info</el-button>
    <el-button type="warning" plain>Warning</el-button>
    <el-button type="danger" plain>Danger</el-button>
  </div>

  <div class="mb-4">
    <el-button round>Round</el-button>
    <el-button type="primary" round>Primary</el-button>
    <el-button type="success" round>Success</el-button>
    <el-button type="info" round>Info</el-button>
    <el-button type="warning" round>Warning</el-button>
    <el-button type="danger" round>Danger</el-button>
  </div>

  <div>
    <el-button :icon="Search" circle />
    <el-button type="primary" :icon="Edit" circle />
    <el-button type="success" :icon="Check" circle />
    <el-button type="info" :icon="Message" circle />
    <el-button type="warning" :icon="Star" circle />
    <el-button type="danger" :icon="Delete" circle />
  </div>



  <div>
    <el-button mb-2 @click="toggle">Switch Language</el-button>
    <br />

    <el-config-provider :locale="locale">
      <el-table mb-1 :data="[]" />
      <el-pagination :total="100" />
    </el-config-provider>
  </div>




  <el-input-number class="custom-input-number" v-model="num" :min="1" :max="10" @change="handleChange" />





</template>

<script setup lang="ts">
	import {
		Check,
		Delete,
		Edit,
		Message,
		Search,
		Star,
	} from '@element-plus/icons-vue'
	import { ref } from 'vue'

const num = ref(1)
const handleChange = (value: number) => {
  console.log(value)
}
</script>

<style lang="scss">
.title {
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
}
.title2 {
	padding: 10px;
	font-size: 18px;
}
::v-deep .custom-input-number .el-icon {
	color:#000;
}
</style>
